<template>
	<view>
		<view class="juzhong margin-top font-content" style="  text-decoration: underline;" @click="open">
			{{content}}
		</view>
		<uni-popup ref="uniPopup" type="bottom" class="bg-white">
			<view class="bg-white radiusTop">
				<uni-section title="联系我们" type="circle">
					<template v-slot:right>
						<view @click="close">关闭</view>
					</template>
					<view class="juzhong font-title ">
						<uni-icons type="down" size="30"></uni-icons>
						软件提供商,非门店联系方式
					</view>
					<view class="menu-list radius " style="">
						<view class="list-cell list-cell-arrow" @click="handleToEditInfo">
							<view class="menu-item-box">
								<view>名称</view>
								<view class="text-right">{{title}}</view>
							</view>
						</view>
						<view class="list-cell list-cell-arrow" @click="call">
							<view class="menu-item-box">
								<view>联系方式</view>
								<view class="text-right">{{phone}}</view>
							</view>
						</view>
					</view>

				</uni-section>
			</view>

		</uni-popup>
	</view>
</template>

<script>
	export default {
		name: "guaguaLxianxi",
		data() {
			return {
				phone: getApp().globalData.config.appInfo.by.phone,
				title: getApp().globalData.config.appInfo.by.title,
				content: getApp().globalData.config.appInfo.by.content
			};
		},
		methods: {
			open() {
				this.$refs.uniPopup.open()
			},
			close() {
				this.$refs.uniPopup.close()
			},
			call() {
				uni.makePhoneCall({
					phoneNumber: this.phone //仅为示例
				});

			}
		}
	}
</script>

<style>

</style>